<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
	<head>
		<title>JSON格式化</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Language" content="zh-CN" />
	</head>
	<style>
@charset "utf-8";div.ControlsRow,div.HeadersRow{font-family:Georgia}div.Canvas{font-family:Lucida Console,Georgia;font-size:13px;background-color:#ececec;color:#000;border:solid 1px #cecece}.ObjectBrace{color:#0a0;font-weight:bold}.ArrayBrace{color:#03f;font-weight:bold}.PropertyName{color:#c00;font-weight:bold}.String{color:#077}.Number{color:#a0a}.Boolean{color:#00f}.Function{color:#a63;text-decoration:italic}.Null{color:#00f}.Comma{color:#000;font-weight:bold}PRE.CodeContainer{margin-top:0;margin-bottom:0}PRE.CodeContainer img{cursor:pointer;border:0;margin-bottom:-1px}#CollapsibleViewDetail a{padding-left:10px}#ControlsRow{white-space:nowrap;font:11px Georgia}#TabSizeHolder{padding-left:10px;padding-right:10px}#HeaderTitle{text-align:right;font-size:11px}#HeaderSubTitle{margin-bottom:2px;margin-top:0}A.OtherToolsLink{color:#555;text-decoration:none}A.OtherToolsLink:hover{text-decoration:underline}
.toolName {
    line-height: 24px;
    font-size: 24px;
    color: #777;
    margin-top: 10px;
}
.topBar textarea, .bottomBar textarea {
    width: 998px;
    height: 200px;
}
</style>
	<body>
		<div id="mainContent" class="tool_content wrapper">
			<div class="toolName">JSON代码格式化</div>
			<form id="codeformat_form" action="/action/format/json" method="POST">
				<script type="text/javascript" src="/js/json_format.js"></script>
				<div class="topBar">
					<div class="title">待格式化JSON：</div>
					<textarea name="json" id="RawJson" style="resize:none;" class="resizable">
{"username":"\u6f2b\u5c0f\u732b","time":"2021-05-09","name":"cat","id":01}
	</textarea>
				</div>
				<div class="operateTB form-inline">
					<label for="TabSize">缩进量：</label>
					<select id="TabSize" onchange="TabSizeChanged()" class="span1">
						<option value="1">1</option>
						<option value="2" selected="true">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
					</select>
					<label for="QuoteKeys" class="checkbox">
						<input type="checkbox" id="QuoteKeys" onclick="QuoteKeysClicked()" checked="true">引号
					</label>
					<span id="CollapsibleViewHolder">
						<label for="CollapsibleView" class="checkbox">
							<input type="checkbox" id="CollapsibleView" onclick="CollapsibleViewClicked()" checked="true">显示控制
						</label>
					</span>
					<span id="CollapsibleViewDetail" style="visibility: visible;margin-right:10px; ">
						<a href="javascript:void(0);" onclick="ExpandAllClicked()">展开</a>
						<a href="javascript:void(0);" onclick="CollapseAllClicked()">叠起</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(3)">2级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(4)">3级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(5)">4级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(6)">5级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(7)">6级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(8)">7级</a>
						<a href="javascript:void(0);" onclick="CollapseLevel(9)">8级</a>
					</span>
					<input class="btn btn-small btn-primary" data-loading-text="正在格式化json..." id="format" type="button" onclick="Process()"
					 value="格式化" />
				</div>
				<div class="bottomBar">
					<div class="title">格式化JSON：</div>
					<div id="Canvas" class="Canvas well resizable" style="height:200px;overflow:auto;margin-bottom:0px;"></div>
				</div>
			</form>
		</div>
		</div>
	</body>
</html>
